<template>
    <div class="verifyManage border">
        <div class="pl-3 mt-3">材料审核</div>
        <hr>
        <div>
            <div class="pl-3 mb-3">表单（合同）内容展示</div>
            <div class="border py-2 text-center" style="height: 180px;line-height: 180px;">表单内容展示为对应的表单内容，合同展示的话为显示已签合同</div>
        </div>
        <br>
        <div class="border">
            <div class="pl-3 mt-3">审核管理</div>
            <div class="mt-3 p-3">
                <div class="border-top border-bottom p-3">
                    <div class="text-center font-weight-bolder font_size_20">审批状态</div>
                    <a-steps :current="current" @change="onChange">
                        <a-step title="Step 1" description="This is a description." />
                        <a-step title="Step 2" description="This is a description." />
                        <a-step title="Step 3" description="This is a description." />
                    </a-steps>
                </div>
                <div>
                    <div class="font-weight-bold">审批评语：</div>
                    <div style="height: 110px;">
                        Maecenas volutpat, odio eget imperdiet faucibus, dui diam placerat turpis, non semper leo quam fringilla orci. Etiam vitae fringilla leo. Cras mollis ex vel mauris ullamcorper porta. Proin est felis, venenatis sed ex sit amet, luctus dictum tellus. Etiam porttitor, felis facilisis feugiat egestas, mi ipsum varius tortor, vel varius lorem nulla non tortor. Nulla vel ligula vehicula, posuere erat imperdiet, consequat ante. Sed vestibulum, elit non interdum tempor, diam justo venenatis arcu, eget ullamcorper elit ex sed risus. Ut sagittis tincidunt lectus, id tempor felis auctor eu. Donec feugiat vehicula risus ut tristique.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "verifyManage",
    data: ()=>({
       current: 0,
    }),
    methods: {
        onChange(current){
            this.current = current;
        }
    }
}
</script>

<style scoped>

</style>